<template>
	<view class="cuide_content" >
		<view class="content_left">
			<view class="left_one">
				{{title}}
			</view>
			<view class="left_two">
				{{content}}
			</view>
			<view class="left_three">
				立即查看>
			</view>
		</view>
		<view class="content_right">
			<tm-avatar src="/static/index/gonglue.png"  :size='100'></tm-avatar>
		</view>
	</view>
</template>

<script>
	export default {
		name:'GuideContent',
		props:{
			bgcolor:{
				type:String,
				default:'#ffffff'
			},
			icon:{
				type:String,
			},
			title:{
				type:String
			},
			content:{
				type:String
			},

		},
		data() {
			return {
				// title:'',
				// content:'',
				// bgcolor:''
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.cuide_content{
	// width: 45%;
	height: 100%;
	display: flex;
	width: 300rpx;
	text-align: left;
	box-sizing: border-box;
	padding: 10rpx;
	background-color: #fcece4;
	border-radius: 30rpx;
	margin: auto;
	align-items: center;
	margin-left: 6rpx;
	margin-top: 20rpx;
	.content_left{
		width: 60%;
		.left_one{
			font-weight: 600;
			font-size: 24rpx;
			
		}
		.left_two{
			font-size: 20rpx;
			color: #8a8a8a;
			padding:10rpx 0 45rpx 0 ;
		}
		.left_three{
			font-size: 20rpx;
				color:  #8a8a8a;
		}
	}
.content_right{
image{
	width: 200rpx;
	height: 200rpx;
}
}
	
}
</style>
